<template>
  <div>
    <div>
      <el-button type="primary" @click="confirmClick">预警设置</el-button>
    </div>
    <el-table :data="tableData" @sort-change="handleSortChange">
      <el-table-column prop="title" label="标题" sortable="title"></el-table-column>
      <el-table-column prop="content" label="内容" sortable="content"></el-table-column>
      <el-table-column prop="revicerName" label="接收人" sortable="revicer_name"></el-table-column>
      <el-table-column prop="sendTime" label="提醒时间" sortable="send_time"></el-table-column>
      <el-table-column prop="noticeWay" label="通知方式" sortable="notice_way"></el-table-column>
    </el-table>
    <div class="example-pagination-block">
      <el-pagination layout="->,prev, pager, next, total" :total="count" currentPage1="10"
        @current-change="handleCurrentChange" />
    </div>
  </div>
  <openyjszDialogs ref="openyjszDialog"></openyjszDialogs>
</template>

<script setup lang="ts">
import openyjszDialogs from './yjszDialog.vue'
import {
  list
} from './../../../api/money/yjxxApi'
import {onMounted, ref} from 'vue';

const getListParme = defineModel()
const openyjszDialog = ref(null)
//confirmClick
const confirmClick = () => {
  openyjszDialog.value.openDialog()
}

//分页
const count = ref(0)

const handleCurrentChange = (vul) => {
  
}
//请求列表
const getslist = function () {
  // 复制一份 getListParme 对象，避免修改原始数据
  const requestData = {...getListParme.value};
  list({
    ...requestData,
    pageSize:10,
    pageNum:1
  })
      .then((res)=>{
        tableData.value = res.rows
        count.value = res.total
      })
}
// 模拟表格数据
const tableData = ref([]);

// 处理排序变化的方法
// prop：表示当前进行排序的列对应的字段名
// order：表示当前的排序顺序，有三种可能的值：
// 'ascending'：代表正序排序。
// 'descending'：代表倒序排序。
// null：表示取消排序，在当前代码中暂未对该情况进行处理。
const handleSortChange = (row) => {
  getListParme.value.orderByColumn = row.column.sortable;
  getListParme.value.isAsc=row.order;
  getslist();
};

onMounted(()=>{
  getslist()
})
//时间区间选择end
defineExpose({
  getslist
});
</script>

<style scoped lang="scss">

</style>